<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>个人中心页面</title>
		<!-- 样式初始化 -->
		<link rel="stylesheet" href="css/cssreset.css">
		<link rel="stylesheet" href="css/login.css">
		<link rel="stylesheet" href="css/index.css">
		<!-- 文字图标样式 -->
		<link rel="stylesheet" href="https://css.zaozuo.com/20180617170035/static/css/??icon.css">
		<!-- footer样式 -->
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/personnalCenter.css">
	</head>
	<body>
		<div class="top">
			<!--top-->
			<ul class="top_right">
				<li class="topR">商业合作</li>			
				<li class="topR">了解造作</li>
				<li class="news">实体店<span>NEW</span></li>
				<li class="top_icon"><span></span></li>
			</ul>
			<h1><img src="images/icon/0logo.png" alt=""></h1>
			<ul class="leftnav">
				<span class="myIcon"><img src="images/icon/1a.png" alt=""></span>
				<span class="shoppingCar"><img src="images/icon/2c.png" alt=""></span>
				<li class="login_now leave_now">首页</li>
				<li>沙发
					<div class="slideul">
						<ul class="slide_one">
							<li>
								<img class="img_nohover" src="images/icon/sofa_3.png" alt="">
								<img class="img_hover" src="images/icon/sofa_3c.png" alt="">
								<span>三人沙发</span>
								</li>

							<li>					
								<img class="img_nohover" src="images/icon/sofa_2.png" alt="">
								<img class="img_hover" src="images/icon/sofa_2c.png" alt="">
								<span>双人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
								<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
								<span>单人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_4.png" alt="">
								<img class="img_hover" src="images/icon/sofa_4c.png" alt="">
								<span>四人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
								<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
								<span>沙发墩</span>
							</li>
						</ul>
					</div>
				</li>
				<li>桌几
					<div class="slideul">
						<ul class="slide_two">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<img class="img_hover" src="images/icon/desk_1c.png" alt="">
								<span>书桌·餐桌</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<img class="img_hover" src="images/icon/desk_2c.png" alt="">
								<span>茶几</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<img class="img_hover" src="images/icon/desk_3c.png" alt="">
								<span>边几</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>椅凳
					<div class="slideul">
						<ul class="slide_three">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<img class="img_hover" src="images/icon/desk_1c.png" alt="">
								<span>座椅</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<img class="img_hover" src="images/icon/desk_2c.png" alt="">
								<span>坐墩</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<img class="img_hover" src="images/icon/desk_3c.png" alt="">
								<span>凳子</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>柜架
					<div class="slideul">
						<ul class="slide_four">
							<li>
								<img src="images/icon/gj_1.png" alt="">
								<img class="img_hover" src="images/icon/gj_1c.png" alt="">
								<span>置物柜</span>
							</li>
							<li>
								<img src="images/icon/gj_2.png" alt="">
								<img class="img_hover" src="images/icon/gj_2c.png" alt="">
								<span>书柜·书架</span>
							</li>
							<li>
								<img src="images/icon/gj_3.png" alt="">
								<img class="img_hover" src="images/icon/gj_3c.png" alt="">
								<span>电视柜</span>
							</li> 
							<li>
								<img src="images/icon/gj_4.png" alt="">
								<img class="img_hover" src="images/icon/gj_4c.png" alt="">
								<span>置物架</span>
							</li>     
							<li>
								<img src="images/icon/gj_5.png" alt="">
								<img class="img_hover" src="images/icon/gj_5c.png" alt="">
								<span>单元格</span>
							</li>     
							<li>
								<img src="images/icon/gj_6.png" alt="">
								<img class="img_hover" src="images/icon/gj_6c.png" alt="">
								<span>衣帽架</span>
							</li>     
							<li>
								<img src="images/icon/gj_7.png" alt="">
								<img class="img_hover" src="images/icon/gj_7c.png" alt="">
								<span>鞋柜·玄关柜</span>
							</li>             
						</ul>	
					</div>	
				</li>
				<li>灯具
					<div class="slideul">
						<ul class="slide_five">
							<li>
								<img src="images/icon/light_1.png" alt="">
								<img class="img_hover" src="images/icon/light_1c.png" alt="">
								<span>台灯</span>
							</li>
							<li>
								<img src="images/icon/light_2.png" alt="">
								<img class="img_hover" src="images/icon/light_2c.png" alt="">
								<span>地灯 </span>
							</li>
							<li>
								<img src="images/icon/light_3.png" alt="">
								<img class="img_hover" src="images/icon/light_3c.png" alt="">
								<span>吊灯</span>
							</li> 
							<li>
								<img src="images/icon/light_4.png" alt="">
								<img class="img_hover" src="images/icon/light_4c.png" alt="">
								<span>夜灯</span>
							</li>       
						</ul>	
					</div>	
				</li>
				<li>床·床具
					<div class="slideul">
						<ul class="slide_six">
							<li>
								<img src="images/icon/bed_1.png" alt="">
								<img class="img_hover" src="images/icon/bed_1c.png" alt="">
								<span>床</span>
							</li>
							<li>
								<img src="images/icon/bed_2.png" alt="">
								<img class="img_hover" src="images/icon/bed_2c.png" alt="">
								<span>床垫 </span>
							</li>
							<li>
								<img src="images/icon/bed_3.png" alt="">
								<img class="img_hover" src="images/icon/bed_3c.png" alt="">
								<span>床头柜</span>
							</li> 
							<li>
								<img src="images/icon/bed_4.png" alt="">
								<img class="img_hover" src="images/icon/bed_4c.png" alt="">
								<span>床下储物盒</span>
							</li>   
							<li>
								<img src="images/icon/bed_5.png" alt="">
								<img class="img_hover" src="images/icon/bed_5c.png" alt="">
								<span>床尾凳</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>家纺
					<div class="slideul">
						<ul class="slide_seven">
							<li>
								<img src="images/icon/jf_1.png" alt="">
								<img class="img_hover" src="images/icon/jf_1c.png" alt="">
								<span>床品4件套</span>
							</li>
							<li>
								<img src="images/icon/jf_2.png" alt="">
								<img class="img_hover" src="images/icon/jf_2c.png" alt="">
								<span>被芯·枕芯 </span>
							</li>
							<li>
								<img src="images/icon/jf_3.png" alt="">
								<img class="img_hover" src="images/icon/jf_3c.png" alt="">
								<span>床褥</span>
							</li> 
							<li>
								<img src="images/icon/jf_4.png" alt="">
								<img class="img_hover" src="images/icon/jf_4c.png" alt="">
								<span>盖毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>地毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_6.png" alt="">
								<img class="img_hover" src="images/icon/jf_6c.png" alt="">
								<span>抱枕</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>毛巾</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>颈枕</span>
							</li>    
						</ul>	
					</div>	
				</li>
				<li>装饰
					<div class="slideul">
						<ul class="slide_eight">
							<li>
								<img src="images/icon/zs_1.png" alt="">
								<img class="img_hover" src="images/icon/zs_1c.png" alt="">
								<span>摆件·花瓶</span>
							</li>
							<li>
								<img src="images/icon/zs_2.png" alt="">
								<img class="img_hover" src="images/icon/zs_2c.png" alt="">
								<span>收纳</span>
							</li>
							<li>
								<img src="images/icon/zs_3.png" alt="">
								<img class="img_hover" src="images/icon/zs_3c.png" alt="">
								<span>装饰画</span>
							</li>     
						</ul>	
					</div>	
				</li>
				<li>餐具
					<div class="slideul">
						<ul class="slide_nine">
							<li>
								<img src="images/icon/cj_1.png" alt="">
								<img class="img_hover" src="images/icon/cj_1c.png" alt="">
								<span>套装</span>
							</li>
							<li>
								<img src="images/icon/cj_2.png" alt="">
								<img class="img_hover" src="images/icon/cj_2c.png" alt="">
								<span>盘碗 </span>
							</li>
							<li>
								<img src="images/icon/cj_3.png" alt="">
								<img class="img_hover" src="images/icon/cj_3c.png" alt="">
								<span>杯子</span>
							</li> 
							<li>
								<img src="images/icon/cj_4.png" alt="">
								<img class="img_hover" src="images/icon/cj_4c.png" alt="">
								<span>储物</span>
							</li>   
							<li>
								<img src="images/icon/cj_5.png" alt="">
								<img class="img_hover" src="images/icon/cj_5c.png" alt="">
								<span>托盘</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>礼品卡</li>
			</ul>
		</div>
		<div class="person_nav">
			<ul>
				<li class="per_current currflag">会员中心<span class="one">1</span></li>
				<li>我的订单</li>
				<li>邀请奖励</li>
				<li>我的优惠券&礼品卡</li>
				<li>我的消息</li>
				<li>我的晒单</li>
				<li>我的资料</li>
				<li>我的收藏</li>
			</ul>
			<div class="underline"></div>
		</div>
		<div class="wrap">
			<div class="person_mesg">
				<div class="person_img">
					<img src="https://img.zaozuo.com/e8507e36221baa3c5de148368c45a683@!small" alt="">
				</div>
				<span class="person_id">半路</span>
				<div class="person_btn">
					<button>了解会员体系</button>
				</div>
				<div class="hr"></div>
			</div>
			<div class="privilege">
				<h1>成为会员，享受丰富特权</h1>
				<div class="pri_content">
					<ul>
						<li>
							<div class="pri_img icon_zaozuosvg_medal"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
						<li>
							<div class="pri_img icon_zaozuosvg_cake"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
						<li>
							<div class="pri_img icon_zaozuosvg_contact"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
						<li>
							<div class="pri_img icon_zaozuosvg_sofa"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
						<li>
							<div class="pri_img icon_zaozuosvg_camera"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
						<li>
							<div class="pri_img icon_zaozuosvg_bell"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
						<li>
							<div class="pri_img icon_zaozuosvg_map"></div>
							<span class="pri_gift">升级礼</span>
							<span class="pri_des">累计¥23000全场券</span>
							<span class="pri_des">低至88折</span>
							<span class="pri_red">￥23000</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="message">
				<h1>完善任意2项资料即可快速成为会员，享受特权</h1>
				<div class="mes_content">
					<ul>
						<li>
							<span class="phone phone1">绑定手机和邮箱</span>
							<span class="phone phone2">账号安全更有保证</span>
							<ul class="bangding">
								<li>绑定手机号</li>
								<li>绑定邮箱</li>
							</ul>
							<button class="go">去绑定></button>
						</li>
						<li>
							<span class="phone phone1">完善个人资料</span>
							<span class="phone phone2">了解你多一点，好让造作君为你准备更贴心的惊喜</span>
							<ul class="bangding">
								<li>设置生日</li>
								<li>设置性别</li>
							</ul>
							<button class="go">去设置></button>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footer">
		<!-- footer内容区，包括footer_t和footer_b -->
		<div class="footer_c">
			<!-- footer_t -->
			<div class="footer_t">
				<!-- footer_t中的footer_tl，包括img，span和两个小图标 -->
				<div class="footer_tl">
					<img src="images/zaozuo2.png" alt="">
					<span>zaozuo.com</span>
					<div class="tubiao">
						<div class="tubiao1"></div>
						<div class="tubiao2"></div>
					</div>
				</div>
				<!-- footer_t中的footer_tc -->
				<div class="footer_tc">
					<ul>
						<li class="current">关于造作
							<ol class="footer_tc_ol">
								<li>团队介绍</li>
								<li>设计师团</li>
								<li>媒体报道</li>
								<li>加入造作</li>
								<li>Designer Hiring</li>
							</ol>
						</li>
						<li class="current">帮助中心
							<ol class="footer_tc_ol">
								<li>购物管理</li>
								<li>订单管理</li>
								<li>常见问题</li>
							</ol>
						</li>
						<li class="current">服务支持
							<ol class="footer_tc_ol">
								<li>服务保障</li>
								<li>用户协议</li>
								<li>物流售后服务</li>
							</ol>
						</li>
						<li class="current">商业合作
							<ol class="footer_tc_ol">
								<li>集合采购</li>
								<li>空间设计合作</li>
								<li>品牌合作</li>
								<li>媒体合作</li>
								<li>设计师入驻</li>
							</ol>
						</li>
					</ul>
				</div>
				<!-- footer_tc中的footer_tc_t 在线客服 -->
				<div class="footer_tr">
					<div class="footer_tr_t">
						<span>联系我们</span>
						<p>400-6636-926
							<span>(9:00~21:00)</span>
						</p>
						<div class="kefu">在线客服</div>
					</div>
					<!-- footer_tc中的footer_tc_b 分店 -->
					<div class="footer_tr_b">
						<ul>
							<li>
								<span></span>
								北京颐堤港店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								北京荟聚店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海幸福里店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海万象城店&nbsp;></li>
							<li>
								<span></span>
								深圳万象天地店&nbsp;></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- footer_b -->
			<div class="footer_b">
				<p>Copyright © 2015 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
				<p>
					<span>版权所有</span>&nbsp;
					<span class="p_1">京ICP备14049641号-1&nbsp;增值电信业务经营许可证：京ICP证150098号</span>
				</p>
				<p class="p_2">造作官网-全品类设计家居品牌</p>
			</div>
		</div>
	</div>

 
		<script src = 'js/jquery.min.js'></script>
		<script src = 'js/personalCenter.js'></script>
	</body>
</html>